﻿#parse("partials/header.html") #parse("partials/sidebar.html")
<style type="text/css">
    .clearfloatNoHeight
    {
        clear: both;
        line-height: 0;
        height: 0;
        width: 0;
        display: block;
        overflow: hidden;
    }
    .clearfloat
    {
        clear: both;
        display: block;
    }
    .floatRight
    {
        float: right;
    }
    .floatLeft
    {
        float: left;
    }
    .displayNone
    {
        display: none;
    }
    .displayBlock
    {
        display: block;
    }
    .txtCenter
    {
        text-align: center;
    }
    
    /* = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5
----------------------------------------------------------------------------------------------------*/
    #mainNav
    {
        clear: both;
    }
    #mainNav li
    {
        height: 71px;
        list-style: none;
        float: left;
        background-color: #EBEBEB; /*	background-image: url(images/navBtn.gif);*/
        background-repeat: no-repeat;
        background-position: right top;
        margin: 0;
    }
    
    #mainNav li.current
    {
        background-color: #b8cfff; 
     /*	background-image: url(images/navCurrentBtn.gif);*/
    }
    
    #mainNav li.lastDone
    {
        background-color: #6699FF; /*	background-image: url(images/navLastDoneBtn.gif);*/
    }
    
    #mainNav li.done
    {
        background-color: #6699FF; /*	background-image: url(images/navDoneBtn.gif);*/
        color:#333;
    }
    
    #mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active
    {
        color: #ccc;
    }
    
    #mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active
    {
        color:#333;
    }
    
    #mainNav li.done a:hover, #mainNav li.lastDone a:hover
    {
        color: #FFFF99;
        cursor: hand;
    }
    
    #mainNav li a em
    {
        width: 150px;
        display: block;
        margin: 6px 0 0 10px;
        font-style: normal;
        font-weight: bold;
    }
    
    #mainNav li a span
    {
        width: 140px;
        display: block;
        margin-left: 10px;
        font-weight: normal;
    }
    
    #mainNav li.mainNavNoBg
    {
        background-image: none;
    }
    
    #mainNav li a
    {
        height: 71px;
        display: block;
    }
    
    /* #mainNav.twoStep */
    #mainNav.twoStep li
    {
        width: 50%;
    }
    #mainNav.twoStep li a
    {
        width: 50%;
    }
    
    
    #wizardpanel
    {
        background-color: #666;
        display: none;
    }
    #wizardcontent
    {
        height: 200px;
    }
    #wizardwrapper
    {
        width: 100%;
        background-color: #f5f5f5;
        margin: 0 auto;
    }
    
    
    /* BUTTONS */
    .buttons
    {
        margin: 10px;
        clear: both;
    }
    .next
    {
        float: right;
    }
    .previous
    {
        float: left;
    }
</style>
<script type="text/javascript">
    function loadnext(divout, divin) {
        $("." + divout).hide();
        $("." + divin).fadeIn("fast");
    }
</script>
<!--mws-container Start-->
<!-- Main Container Start -->
<div id="mws-container" class="clearfix">
    <!-- Inner Container Start -->
    <div class="container">
        <h5>
            Medication Record</h5>
        <div class="grid_full">
            <div id="wizardwrapper">
                <div class="1">
                    <ul id="mainNav" class="twoStep">
                        <li class="current"><a title=""><em>Step 1</em><span>Fill Medication Records</span></a></li>
                        <li><a title=""><em>Step 2</em> <span>Fill Charge Slip</span></a></li>
                    </ul>
                    <div style="clear: both">
                    </div>
                    <h3>
                        Step 1</h3>
                    <div id="wizardcontent">
                    </div>
                    <div class="buttons">
                        <input type="button" class="mws-button previous blue mws-i-24 i-arrow-left large" disabled="disabled" value="Previous">
                        <input type="button" class="mws-button next blue mws-i-24 i-arrow-right large" onclick="loadnext(1,2);" value="Next">
                    </div>
                </div>
                <div id="wizardpanel" class="2">
                    <ul id="mainNav" class="twoStep">
                        <li class="lastDone"><a href="#" title="" onclick="loadnext(2,1);"><em>Step 1</em><span>Fill
                            Medication Records</span></a></li>
                        <li class="current"><a title=""><em>Step 2</em> <span>Fill Charge Slip</span></a></li>
                    </ul>
                    <div style="clear: both">
                    </div>
                    <h3>
                        Step 2</h3>
                    <div id="wizardcontent">
                    </div>
                    <div class="buttons">
                        <input type="button" class="mws-button blue mws-i-24 i-arrow-left large" onclick="loadnext(2,1);" value="Previous">
                        <input type="button" class="mws-button blue mws-i-24 i-arrow-right large" disabled="disabled" value="Next">
                    </div>
                </div>
            </div>
        </div>
        <!-- Inner Container End -->
#parse("partials/footer.html")